{extend name="public/base"}

{block name="content"}
<div class="content center-block animated fadeInDown">
    <div class="page-header h1">用户登录</div>
    <form action="#">
        <div class="form-group">
            <label for="username" class="control-label">用户名</label>
            <input type="text" class="form-control" id="username" name="username" placeholder="用户名" />
        </div>
        <div class="form-group">
            <label for="password" class="control-label">密码</label>
            <input type="password" class="form-control" id="password" name="password" placeholder="密码" />
        </div>
        <div class="form-group">
            <label for="verify" class="control-label">验证码</label>
            <div class="input-group">
                <input type="text" class="form-control" id="verify" name="verify" placeholder="验证码" />
                <span class="input-group-addon"><img src="{:captcha_src()}" alt="验证码" onclick="this.src='{:captcha_src()}'"></span>
            </div>
        </div>
        <div class="form-group">
            <button class="btn btn-primary btn-block" id="login">登录</button>
        </div>
    </form>
</div>
<div class="bottom center-block animated fadeInUp">
    Copyright 2018 www.dreamphp.com.cn All Rights Reserved
</div>
{/block}

{block name="footer"}
{/block}

{block name="js"}
<script>
    $(function () {
        $('#login').click(function () {
            $.ajax({
                url:"{:url('index/index/login')}",
                type:'post',
                data:$('form').serialize(),
                dataType:'json',
                success:function (data) {
                    if (data.code == 1){
                        layer.msg(data.msg,{
                            icon:6,
                            time:2000
                        },function(){
                            location.href=data.url;
                        });
                    } else{
                        layer.open({
                            title:'登陆失败！',
                            content:data.msg,
                            icon:6,
                            anim:5
                        });
                    }
                }
            });
            return false;
        });
    })
</script>
{/block}
